Problem Statement for Lab 5
This lab consists of two parts:
Part 5a: Transform Paper-Based and HTML Prototypes into Working Web Forms
Consider the database development project developed during the previous semester. The project involved complete database design and development, which was detailed in your printed project report. During a previous lab, you were required to develop paper-based and HTML-based prototype interfaces for various functionalities of your database project.
The next step is to transform these paper-based and HTML-based prototypes into full-scale working web forms for the realization of the functionalities of your project. The functionalities include:
- Registration of Student/Patient/Passenger/Customer (or whatever is applicable in your project)
- Search facilities, including partial matches
- Other project-specific functionalities
- Role-based access control
- Payment system (if required)
You are required to:
- Write HTML code for user interface prototypes (as demonstrated in class)
- Create links for navigation among the pages
- Design a menu using list and styles
- Add help pages for user guidance
- Test the user interface prototypes in a browser
- Experiment with style sheets
Q1: Write the code (code-behind only) for any two of the interfaces mentioned above.
Q2: Draw corresponding graphical user interfaces as rendered in a browser.
Part 5b: Implementing Web Forms and Functionalities
In this part, the task is to transform the paper-based and HTML prototypes into full-scale working web forms. The web-based solution must incorporate the following functionalities of your project:
- Registration of Student/Patient/Passenger/Customer (or whatever is applicable in your project)
- Search facilities, including partial matches
- Other project-specific functionalities
- Role-based access control
- Payment system (if required)
Follow these steps:
- Write HTML code for creating interfaces for functionalities (i)-(v).
- Create links for navigation among the pages.
- Design a menu using list and styles.
- Add help pages for user guidance.
- Test your interfaces in the browser.
- Experiment with style sheets.
Q1: Write the code (code-behind only) for any two of the interfaces mentioned above.
Q2: Draw corresponding graphical user interfaces as rendered in a browser.
Q3: Write a few test cases for testing the user interfaces (e.g., validation, error handling).